.situation .overview {
    background-image: url('../images/beijing_3x.jpg');
    background-repeat: no-repeat;
}

.situation-main .menu {
    padding-top: 20px;
    padding-bottom: 20px;
}

.situation-main .overview {
    background-size: cover;
    background-position: 0px -145.5px;
    background-color: #42B8EF;
}

.other-details .overview {
    background-position: 0px -100px;
    background-size: 100% 180%;
}

.self-details .overview{
    background-position: 0px -55px !important;
    background-size: 100% 120% !important;
}

.situation .overview > .one {
    padding: 0 25px;
}

.situation-main .overview > .two {
    padding: 9px 15px 6px 5%;
    background-color: #3895DF;
}
.other-details .overview .medals-owned{
    margin-left: 5px;
}

.other-details .overview .medals-owned a{
    display: block;
    border-left: 1px solid rgba(255, 255, 255, 0.23);
}

.other-details .overview .medals-owned .img-responsive{
    margin-left: 5px;
    max-width: 90%;
}
.situation-main .overview > .two .col-xs-7{
    width: 51%;
    margin-left: 5px;
}
.situation-main .overview > .two .col-xs-5{
    width: 46%;
}
.situation-main .overview > .three .btn-simulate-trade{
    font-size: 16px;
    padding: 3px 12px 3px 12px;
    margin: 10px 24.5% 6px;
    width:51%;
    float: left;
    background-color: rgba(170, 225, 245, 0.40);
}
.situation-main .overview > .three .btn-query-position{
    font-size: 16px;
    padding: 3px 12px 3px 12px;
    margin: 10px 6% 6px 3%;
    width:31%;
    float: left;
}

.situation-main .overview > .two .img-responsive{
    max-width: 90%;
    margin-left: 5px;
}

.situation-main .overview > .three .col-xs-offset-3{
    margin-left:23% ;
}
.situation-main .overview > .three .col-xs-6{
    width:54% ;
}

.situation-main .overview > .one {
    padding-bottom: 10px;
}

.situation-main .overview > .one .user-icon {
    width: 50px;
    height: 50px;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    position: absolute;
    /*top: 8px;*/
    left:0;
    box-shadow: 0 0 20px #61DDF4;
}

.situation .overview > .one .nickname {
    font-size: 18px;
    color: #ffffff;
}

.situation-main .overview > .one .nickname {
    padding-left: 60px;
    padding-top: 12px;
}

.situation-main .overview > .one .nickname div {
}

.situation-main .picture img{
  width:100%;
}
.situation-main .picture.jxng {
    position: relative;
}

.situation-main .picture.jxng .content-title {
    position: absolute;
    top: 35px;
    left: 20px;
    right: 20px;
    text-align: center;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 1.2;
}

.situation-main .picture.lhfp {
    position: relative;
}

.situation-main .picture.lhfp .content-title {
    position: absolute;
    bottom: 2px;
    right: 20px;
    text-align: center;
    color: #D1CEBD;
}

.other-details .overview > .one .nickname{
    font-size: 20px;
    width: 130px;
    line-height: 22px;
    display: inline-block;
    word-wrap:break-word;
}

.situation .overview > .one .gross-rate{
    /*margin-top: 5px;*/
}

.situation .overview > .two .trim-losses {
    /*margin-top: 5px;*/
}

.other-details .overview > .one .gross-rate{
    margin-right: 5px;
}
.other-details .overview > .two .key{
    margin-top: 2px;
    font-size: 12px;
}
.other-details .overview > .two .key .totalprofit{
    margin-top: 4px;
}
#totalFloatProfit,#fundBalance{
    font-size: 15px;
}

.situation .overview > .two .trim-losses .key,
.situation .overview > .two .total-assets .key{
    font-size: 12px;
    color: #B9EBFF;
}

.situation .overview > .two .trim-losses .value,
.situation .overview > .two .total-assets .value {
    font-size: 15px;
    margin-left: 5px;
}

.situation .overview > .two .total-assets .value {
    color: #FFFFFF;
}

.situation .overview > .two .trim-losses .totalFloatProfit {
    font-size: 15px  ;
}

.situation .overview > .two .trim-losses .value i {
    font-size: 12px !important;
}

.situation .overview > .one .user-info {
    /*line-height: 65px;*/
    position: relative;
}

.situation .overview > .one .gross-rate .key{
    font-size: 14px;
    color: #ffffff;
}

.situation .overview > .one .gross-rate .value {
    font-size: 18px;
    border-radius: 25px;
    margin-top: 5px;
    color: #FFFFFF !important;
}

.situation .overview > .one .gross-rate .positive{
    background-color: #ff3333;
}

.situation .overview > .one .gross-rate .negative{
    background-color: #98E466;
}


.situation .overview > .three {
    padding: 5px 0;
    text-align: center;
    color: #ffffff;
}

.situation .overview > .three .key,
.situation .overview > .three .time {
    color: #B9EBFF;
}

.situation .overview > .three .time {
    font-size: 12px;
}
.games-join,.games-create {
    margin-bottom: 10px;
}

.games-join,
.games-create,
.games-official{
    background-color: #ffffff;
}

.games-join .game,
.games-create .game,
.games-official .game,
.gamemy-list-wrapper .game{
  padding: 10px;
  display: block;
  position: relative;
  overflow: hidden;
  color: #565656;
}
.games-join .game,
.games-create .game{
  border-top: 1px solid #E7E7E7;
  z-index: 1000;
}
.gamemy-list-wrapper .game{
    border-top: 1px solid #E7E7E7;
}

.games-block-content{
  display: inline-block;
  width:60%;
}

.games-official .game > div > img {
    width: 25px;
    vertical-align: baseline !important;
}

.games-official .game .forward,.games-join .game .forward,.games-create .game .forward,.gamemy-list-wrapper .game .forward{
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 10px;
}

.games-official .game .game-name {
}

.games-official .game .total-bonus {
    color: #FF3333;
}

.games-official .game .exist-player .key{
    color: #999999;
}

.games-official .game .exist-player .value{
    color: #46BAED;
}

.games-official .game .hot {
    color: #FF3333;
}

.headline {
    padding: 10px;
    line-height: 16px;
    background-color: #ffffff;
}

.games-create .game img,
.games-join .game img,
.gamemy-list-wrapper .game img{
    width: 20px;
    vertical-align: inherit !important;
}

.games-join .game .text-center .icon-xiangyou,
.games-create .game .text-center .icon-xiangyou,
.gamemy-list-wrapper .game .text-center .icon-xiangyou{
    font-size: 18px;
    float: right;
    color: #cccccc;
    margin-top: 16px;
}

.games-join .game-name,
.games-create .game-name,
.games-official .game-name,
.gamemy-list-wrapper .game-name,
.headline {
    font-size: 16px;
    color: #565656;
}

.headline > span {
    border-left: 1px solid #33A9F4;
    border-right: 2px solid #33A9F4;
    border-radius: 2px;
    display: inline-block;
    height: 12px;
    margin-right: 5px;
}

.rockmans-show .list,
.rockmans-sub .list{
    margin: 10px 10px !important;
    /*box-shadow: 0 0 20px lightblue;*/
}
.rockmans-show .no-data{
  padding:10px
}
.rockmans-show .entry .nickname,
.rockmans-sub .entry .nickname {
    margin-top: 5px;
    color: #999999;
    overflow: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
}
.rockmans-show .entry .total-yield-rate {
    font-size: 16px;
}

.rockmans-show .entry .features {
    color: #999999;
    font-size: 10px;
    margin-top: 2px;
    position: relative;
}

.games-join .game .date,
.games-create .game .date,
.games-official .game .date ,
.gamemy-list-wrapper .game .date{
    font-size: 12px;
    color: #999999;
    border-bottom: 1px dashed #E7E7E7;
    margin-bottom: 4px;
    width: 100%;
    height: 18px;
    text-align: center;
    overflow: visible;
    position: relative;
}
.games-join .game .date span,
.games-create .game .date span,
.games-official .game .date span,
.gamemy-list-wrapper .game .date span{
    border-bottom: 1px solid #E7E7E7;
    position: absolute;
    bottom: -1px;
    white-space: nowrap;
    left: 50%;
    transform: translate(-50%);
    z-index: 1;
}

.games-join .date b,
.games-create .date b,
.games-official .date b,
.gamemy-list-wrapper .date b{
  width: 10px;
  position: absolute;
  left: 45%;
  bottom: 1px;
  z-index: 2;
  border-color: #E7E7E7;
}

.games-join .key,
.games-create .key,
.gamemy-list-wrapper .key{
    font-size: 14px;
    color: #999999;
}

.games-join .ratio .value,
.games-create .days-remaining .value{
    font-size: 18px;
}

.games-create .days-remaining .value .unit {
    font-size: 12px;
    color: #999999;
}

.games-join .head-count .value,
.games-create .new-adding .value{
    font-size: 18px;
    color: #46BAED;
}

.games-join .rank .value,
.games-create .head-count .value{
    font-size: 18px;
    color: #46BAED;
}

.games-create .tips {
  color: #999999;
  padding-top: 15px;
}

.rockmans-show .entry,
.rockmans-sub .entry{
    margin: 0 5px;
}

.rockmans-show .row>div:first-child,
.rockmans-sub .row>div:first-child{
    margin-left: 0 !important;
}

.rockmans-show .row>div:first-child .entry,
.rockmans-sub .row>div:first-child .entry {
    margin-left: 0 !important;
}

.rockmans-show .row>div:last-child,
.rockmans-sub .row>div:last-child{
    margin-right: 0 !important;
}

.rockmans-show .row>div:last-child .entry,
.rockmans-sub .row>div:last-child .entry {
    margin-right: 0 !important;
}

.rockmans-show .entry .up,
.rockmans-show .entry .down,
.rockmans-sub .entry .up,
.rockmans-sub .entry .down {
    background-color: #ffffff;
    position: relative;
    /*padding-left: 3px;*/
}

.rockmans-show .entry .up,
.rockmans-sub .entry .up {
    padding-top: 6px;
    padding-bottom: 5px;
    box-shadow: 0 0 10px #C9EDFF;
    position: relative;
    border-radius: 5px 5px 0 0;
    /*background-image: url("../images/kapianshang@3x.png");*/
    /*background-repeat: no-repeat;*/
    /*background-size: contain;*/
    /*background-position: center top;*/
}

.rockmans-show .entry .up a,
.rockmans-sub .entry .up a {
    display: block;
}

.rockmans-show .entry .up .user-head,
.rockmans-sub .entry .up .user-head {
    border-radius: 50%;
    height: 50px;
    width: 50px;
}

.rockmans-show .entry .up .divider,
.rockmans-sub .entry .up .divider {
    position: absolute;
    left:0;
    right:0;
    bottom: -5px;
    z-index: 996;
    width: 100%;
}

.rockmans-show .entry .down,
.rockmans-sub .entry .down {
    border-radius: 0 0 4px 4px;
}

.rockmans-show .entry .down {
    text-align: center;
    border-top: 1px solid #C9EDFF;
    padding-bottom: 10px;
    padding-top: 5px;
    background-color: #F5FBFE;
    box-shadow: 0 0 5px #C9EDFF;
}

.rockmans-sub .entry .down {
    text-align: left;
    border-top: 1px solid #C9EDFF;
    box-shadow: 0 0 5px #C9EDFF;
    background-color: #F5FBFE;
    height: 108px;
}

.rockmans-sub .entry .down .have-data {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.rockmans-sub .entry .down .operation-name {
    color: #565656;
}

.rockmans-show .entry .down .action {
    color: #3FB9EE;
}

.rockmans-sub .entry .down .action {
    color: #FC9457;
}

.rockmans-show .entry .down .price,
.rockmans-sub .entry .down .price {
    color: #FF3333;
    float: left;
}

.rockmans-show .entry .down .quantity,
.rockmans-sub .entry .down .operation-vol {
    color: #999999;
    float: right;
}

.rockmans-sub .entry .down .operation-direction.buy {
    color: #FF3333;
}

.rockmans-sub .entry .down .operation-direction.sell {
    color: #46BAED;
}

.rockmans-sub .entry .down .operation-price {
    color: #FF3333;
}

.rockmans-sub .entry .down .date-time {
    color: #999999;
    font-size: 12px;
    margin-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rockmans-sub .entry .down .date-time i {
    color: #3FB9EE;
    font-size: 12px;
}


.rockmans-show .entry .down .stock-code,
.rockmans-sub .entry .down .stock-code {
    color: #999999;
}

.rockmans-show .entry .down .buy,
.rockmans-sub .entry .down .buy {
    color: #FF3333;
}

.rockmans-show .entry .down .sell,
.rockmans-sub .entry .down .sell {
    color: #46BAED;
}

.rockmans-sub .entry .down .no-data {
    padding-top: 43px;
    font-size: 12px;
    height: 100%;
    background-image: url("../images/bg-tiaowen.png");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0 0 4px 4px;
}

.chart {
    background-color: #FFFFFF;
    padding-top: 15px;
    text-align: center;
}

.chart .content{
  position: relative;
  overflow:visible;
  -webkit-transform: translateZ(0);
}
.chart button {
    background-color: #FFFFFF;
    color: #40B6ED;
    border: 1px solid #40B6ED;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 12px;
}

.chart button.active {
    background-color: #42B6ED;
    color: #FFFFFF;
}


.chart button:first-child{
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.chart button:last-child{
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.chart .tab-pane {
    padding: 0 15px;
    position: relative;
}

.chart .tips {
    /*position: absolute;*/
    /*top: 35px;*/
    /*left: 0px;*/
    /*right: 0;*/
    padding:20px 0 10px;
    text-align: center;
}

.chart .tips .content {
    color: #999999;
    text-align: center;
}

.chart .legend {
    padding: 15px 15px;
    text-align: right;
}

.chart .legend div:first-child{
    display: inline-block;
    color: #949494;
}

.chart .legend div:first-child span {
    color: #FF4F4F;
}

.chart .legend div:last-child{
    display: inline-block;
    color: #949494;
    margin-left: 15px;
}

.chart .legend div:last-child span {
    color: #C4DBEA;
}

.btn-simulate-trade,.btn-query-position,.btn-sign-in {
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
    background-color: transparent;
    border-radius: 20px !important;
}

.btn-simulate-trade:focus,.btn-query-position,.btn-sign-in:focus {
    outline: none;
}

.more {
    font-size: 12px;
    color: #999999;
    float: right;
}

.situation a:focus,
.situation a:hover {
    outline: none !important;
    text-decoration: none !important;
    /*color: #999999 !important;*/
}

.situation .positive span:first-child{
    /*background-color: #ff4f4f;*/
    color: #ffffff;
    border-radius: 10px;
    font-size: 10px;
    display: inline-block;
    padding: 0 3px;
    margin-right: 2px;
}

.situation .positive span:last-child{
    color: #FF3333;
}

.situation .negative span:last-child{
    color: #98E466;
}

.wave {
    background-color: #FFFFFF;
}
.wave img{
  width:100%;
  heught:40px;
}

.my-stocks {
    background-color: #ffffff;
    margin-bottom: 10px;
}

.groups-show,.my-portfolios {
  background-color: #ffffff;
}
.groups-show .table{
  margin-bottom: 10px !important;
}
.groups-show .no-data{
  background: #F2F2F2;
  padding-top: 10px;
}
.groups-show .table > tbody > tr > td {
    padding: 4px 0;
    vertical-align: middle;
    border-top: 1px solid #E7E7E7 !important;
}

.groups-show .table .one {
    padding-left: 10px !important;
    padding-top: 8px;
    padding-bottom: 8px;
}


.groups-show .table .one .wrapper-xs{
    background-image: url('../images/beijing-quan.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 60px;
}

.groups-show .table .one .key{
    color: #999999;
    font-size: 10px;
    text-align: center;
}

.groups-show .table .one .value{
    /*color: #FF3333;*/
    text-align: center;
}

.groups-show .table .two {
    text-align: left;
    padding-left: 10px;
}

.groups-show .table .two > div:first-child{
    vertical-align: top;
    display: inline-block;
    background-color: #FC9457;
    color: #FFFFFF;
    padding: 1px 2px;
    border-radius: 2px;
    font-size: 10px;
}

.groups-show .table .two > div:last-child{
    display: inline-block;
}

.groups-show .table .two .creator span:first-child{
    color: #46BAED;
}

.groups-show .table .two .creator span:last-child{
    color: #999999;
}

.groups-show .table .two .creator span:first-child,
.groups-show .table .two .creator span:last-child {
    font-size: 12px;
}

.groups-show .table .three {
    width: 60px;
}

.groups-show .table .three > div:first-child,
.groups-show .table .three > div:last-child {
    text-align: center;
}

.groups-show .table .three > div:first-child {
    color: #46BAED;
}
.groups-show .table .three > div:last-child {
    font-size: 12px;
    color: #999999;
}

.groups-show .table .four {
    width: 30px;
    text-align: right;
    color: #CCCCCC;
    padding-right: 10px;
}

.groups-show .table .four a {
    display: block;
    color: #999999;
}

.login {
    background-image: url(../images/beijing_3x.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0px -150px;
    /*padding-top: 20px;*/
}

/* 个人详情页 Start */
.self-details {
}

.self-details .overview{
    text-align: center;
    padding-top: 30px;
}

.self-details .overview .info{
    position: relative;
    text-align: center;
    display: inline-block;
    /*margin-top: 20px;*/
}

.self-details .overview .info > img{
    width: 90px;
    height: 90px;
    border-radius: 50%;
}

.self-details .overview .info .sub {
    position: absolute;
    top: -30px;
    right: 75px;
    width: 100px;
    text-align: left;
    color: #FFFFFF;
    vertical-align: top;
}

.self-details .overview .info .praise {
    position: absolute;
    top: 0;
    left: 80px;
    width: 100px;
    text-align: left;
    color: #FFFFFF;
    vertical-align: top;
}

.self-details .overview .info .message {
    position: absolute;
    top: 30px;
    right: 75px;
    width: 100px;
    text-align: left;
    color: #FFFFFF;
    vertical-align: top;
}

.self-details .overview .info .sub > img{
    position: absolute;
    top: 50px;
    right: 10px;
    transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    width: 20px;
}

.self-details .overview .info .praise > img{
    position: absolute;
    top: 40px;
    left: 10px;
    width: 20px;
}

.self-details .overview .info .message > img{
    position: absolute;
    top: 35px;
    right: 10px;
    transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    width: 20px;
}

.self-details .overview .info .sub > a{
    position: absolute;
    top: 5px;
    right: 14px;
    display: inline-block;
    text-align: center;
}

.self-details .overview .info .sub > a .unit {
    font-size: 10px;
}

.self-details .overview .info .praise > a {
    position: absolute;
    top: 8px;
    left: 15px;
    display: inline-block;
    text-align: center;
}

.self-details .overview .info .message > a{
    position: absolute;
    top: 15px;
    right: 25px;
    display: inline-block;
    text-align: center;
}

.self-details .overview .info .sub .one,
.self-details .overview .info .praise .one,
.self-details .overview .info .message .one{
    color: #D2F2FF;
    font-size: 12px;
}

.self-details .overview .info .sub .two {
    color: #58C4FF;
}

.self-details .overview .info .sub .two img {
    width: 15px;
    margin-top: -3px;
    margin-left: 1px;

}

.self-details .overview .info .message .two {
    color: #FFCF5B;
}

.self-details .overview .info .praise .two {
    color: #FFABCF;
}

.self-details .overview .info .sub .two,
.self-details .overview .info .praise .two,
.self-details .overview .info .message .two{
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;
    line-height: 30px;
    display: inline-block;
}

.self-details .overview .info .sub .three{
    color: #FFFFFF ;
}

.self-details .overview .info .message .three{
    color: #FFFFFF ;
}

.self-details .overview .info .praise .three{
    color: #FFFFFF;
    /*position: absolute;*/
    /*top: 52px;*/
    /*left: -2px;*/
    width: 60px;
}

.self-details .overview .info .praise .three .unit {
    font-size: 10px;
}

.self-details .overview > .one{
    position: relative;
    /*margin: 20px 0 10px 0;*/
    /*padding: 0 !important;*/
    padding: 20px 0 15px 0;
}

.self-details .overview > .one .nickname{
    font-size: 20px;
    width: 130px;
    line-height: 22px;
    display: inline-block;
    word-wrap:break-word;
}

.self-details .overview > .one .gross-rate{
    position: absolute;
    top: 10px;
    right: 10px;
    color: #FFFFFF;
    border-radius: 30px;
    float: right;
    padding: 3px 13px 5px;
}
.self-details .overview > .one .positive{
    background-color: #F63B3b;
}
.self-details .overview > .one .negative{
    background-color: #98E466;
}

.self-details .overview > .one .gross-rate div:first-child {
    font-size: 12px;
    line-height: 16px;
}

.self-details .overview > .one .gross-rate div:last-child {
  font-size: 18px;
  line-height: 16px;
}

.self-details .overview > .two {
    margin-bottom: 5px !important;
}

.self-details .overview > .two tr > td {
    vertical-align: middle;
    width: 50%;
    padding: 5px 5px !important;
    border-top: 0 !important;
    background-color: #289CDC;
}

.self-details .overview > .two tr > td:first-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 100%;
    width: 60%;
}

.self-details .overview > .two tr > td:last-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    height: 100%;
    border-left: 5px solid #4DAFE7;
    width: 40%;
}

.self-details .overview > .two img:first-child {
    vertical-align: top !important;
}

.self-details .overview > .two img:last-child {
    vertical-align: baseline !important;
}


.self-details .overview > .two .points{
    display: inline-block;
    margin-left: 3px;
}

.self-details .overview > .two i {
    color: #71D6FF;
    font-size: 18px;
    display: inline-block;
    position: absolute;
    top: 0;
    float: right;
    right: 30%;
    margin-top: 12px;
    margin-right: -9px;
}

.self-details .overview > .two .points .value {
    color: #FFEA3C;
    font-size: 16px;
}

.self-details .overview > .two .points .key {
    color: #B9EBFF;
    font-size: 12px;
}

.self-details .overview > .two .mall .tips {
    /*position: absolute;*/
    /*left: 10px;*/
    font-size: 11px;
    color: #B9EBFF;
    text-align: center;
    margin-top: -18px;
}

.self-details .overview > .two .medals-owned .content {
    display: block;
}

.self-details .overview > .three{
    background-color: #2FA3EA !important;
}

.self-details .overview > .three .value{
    font-size: 15px;
}
.self-details .overview > .three .key{
    font-size: 12px;
}

.self-details .overview > .three .time{
    font-size: 10px;
}
.self-details .overview > .three .three-right{
    text-align: left;
    width: 25%;
    margin-left: 7%;
}
.self-details .overview > .four {
    padding: 10px 0;
}

.self-details .overview > .four .col-xs-offset-3{
    margin-left: 16%;
}

.self-details .overview > .four .col-xs-6{
    width: 68%;
}

.self-details .overview > .four .btn-sign-in{
    font-size: 16px;
    word-spacing:8px;
    background-color: #5DC0F0;
}

.self-details .my-stocks .entry {
    padding: 10px 15px;
    border-top: 1px solid #E7E7E7;
    position: relative;
}

.self-details .my-stocks .entry > .one {
    float: left;
    width: 87%;
}

.self-details .my-stocks .entry > .two {
    text-align: right;
    width: 13%;
    float: left;
    padding-top: 10px;
}

.self-details .my-stocks .entry .one .stock .name{
    font-size: 16px;
}

.self-details .my-stocks .entry .one .stock .code{
    font-size: 12px;
    color: #999999;
}

.self-details .my-stocks .entry .one .digit > div {
    float: left;
    /*width: 25%;*/
    text-align: center;
}

.self-details .my-stocks .entry .one .digit .key {
    color: #999999;
    font-size: 12px;
}

.self-details .my-stocks .entry .one .digit .one {
    width: 20%;
    text-align: left;
}

.self-details .my-stocks .entry .one .digit .two {
    width: 22%;
}

.self-details .my-stocks .entry .one .digit .three {
    width: 22%;
}
.self-details .my-stocks .entry .one .digit .four {
    width: 36%;
}

.self-details .my-stocks .entry > .two .btn{
    padding: 5px !important;
    font-size: 12px;
    color: #FFFFFF;
    background-color: #1BAFEC;
}

.self-details .my-portfolios .table {
    margin-bottom: 0 !important;
}

.self-details .my-portfolios .table td {
    vertical-align: middle;
    padding-left: 0;
    padding-right: 0;
}

.self-details .my-portfolios tr .one {
    /*width: 30%;*/
    font-size: 16px;
    word-break: break-all;
    padding-left: 10px !important;
}

.self-details .my-portfolios tr .two {
    width: 60px;
    text-align: center;
}

.self-details .my-portfolios tr .three {
    width: 120px;
    text-align: center;
}

.self-details .my-portfolios .four {
    width: 100px;
    text-align: right;
    padding-right: 10px !important;
}

.self-details .my-portfolios tr .one a {
    color: inherit !important;
    display: block;
}

.self-details .my-portfolios tr .one .is-group{
    color: #FFFFFF;
    background-color: #FC9457;
    font-size: 10px;
    padding: 1px 3px;
    border-radius: 3px;
}

.self-details .my-portfolios tr .four .change-name{
    background-color: #ffffff;
    font-size: 12px;
    color: #1BAFEC;
    padding: 0;
}

.self-details .my-portfolios tr .four .clear-out{
    padding: 5px;
    font-size: 12px;
    background-color: #999999;
    color: #ffffff;
    margin-left: 5px;
}

.self-details .my-portfolios .key {
    font-size: 12px;
    color: #999999;
}

.self-details .create-group{
    display: block;
    text-align: center;
    color: #3FB9EE;
    font-size: 16px;
    padding: 15px 10px;
    background-color: #ffffff;
}

.self-details  .handbook {
    text-align: right;
    background-color: #F2F2F2;
    color: #999999;
    padding: 5px 10px;
    display: block;
}

.self-details .handbook i {
    color: #33A9F4;
}

.self-details .history-trade {
    display: block;
    color: #565656 !important;
    padding: 8px 10px;
}
.self-details .price-sub {
    padding: 14px 10px;
}
.self-details .history-trade,
.self-details .price-sub {
    background-color: #ffffff;
    margin-bottom: 9px;
    display: block;
}

.self-details .history-trade .forward {
    float: right;
}

.self-details .price-sub .two {
    margin-left: 5px;
    display: block;
}
.stock-account .headline > span{
  border-left: 1px solid #EC4F4F;
  border-right: 2px solid #EC4F4F;
}
.stock-account .content .guide{
  display: none;
}

.self-details .price-sub .two > div:first-child {
    color: #565656;
}

.self-details .price-sub .two > div:last-child {
    color: #999999;
    font-size: 12px;
}

.self-details .price-sub .three {
    line-height: 30px;
}

.self-details .price-sub .three img {
    width: 30px;
    vertical-align: top!important;;
}

.self-details .price-sub .three .subscribe-price {
    font-size: 16px;
}

.self-details .relive {
    margin: 10px 0;
}

.self-details .concern > a {
    width: 25%;
    float: left;
    position: relative;
}

.self-details .concern .key,
.self-details .concern .value {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
}

.self-details .concern .key {
    top: 6px;
    color: #ffffff;
    font-size: 11px;
}

.self-details .concern .value {
    top: 45%;
    color: #A0ADBF;
    font-size: 16px;
}

.self-details .others .history-trade .icon-lishijilu,
.self-details .others .price-sub .icon-shezhijiage {
  color: #3FB9EE;
  font-size: 22px;
  position: relative;
  top: 3px;
}

.self-details .others .one {
    float: left;
}

.self-details .others .two {
    float: left;
}

.self-details .others .three {
    float: right;
}

.self-details .others .three > div:first-child {
    float: left;
    margin-right: 10px;
    color: #FF903F;
}

.self-details .others .three > div:last-child {
    float: right;
}

.self-details .footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}

.self-details .footer > div {
    text-align: center;
    font-size: 16px;
}

.self-details .footer > div > a {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 61px;
    line-height: 61px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.self-details .footer .icon-mairu{
    color:#F3F090;
    font-size: 18px;
}
.self-details .footer > div > a:nth-child(1) {
    background-color: #FF5760;
    border-right: 1px solid #FFFFFF;
}

.self-details .footer > div > a:nth-child(2) {
    background-color: #5D5D5D;
}

.self-details .footer > div > a:nth-child(3) {
    background-color: #5D5D5D;
}
.self-details #signInSuccess{
  position:relative;
  display: none;
  width:40px;
}

@media (max-width: 340px) {
    .self-details .my-portfolios tr .two {
        padding:0 2px 0 4px;
    }
    .self-details .my-portfolios tr .three {
        width: 104px;
        padding: 0 2px
    }
    .self-details .my-portfolios .four {
        width: 95px;
    }
}
/* 个人详情页 End */

/* Ta人详情页 Start */
.other-details .overview {
    background-position: 0px -45px !important;
    background-size: 100% 120% !important;
    text-align: center;
    padding-top: 30px;
}

.other-details .overview .info {
    position: relative;
    text-align: center;
    display: inline-block;
}

.other-details .overview .info > img {
    border-radius: 50%;
    width: 90px;
    height: 90px;
}

.other-details .overview .info .experience {
    position: absolute;
    top: -20px;
    left: 20px;
    width: 100px;
    text-align: left;
    color: #D2F2FF;
    display: inline-block;
}

.other-details .overview .info .fans {
    position: absolute;
    top: -30px;
    right: 75px;
    width: 100px;
    text-align: left;
    color: #FFFFFF;
    vertical-align: top;
}

.other-details .overview .info .sub {
    position: absolute;
    top: 0;
    left: 80px;
    width: 100px;
    text-align: left;
    color: #FFFFFF;
    vertical-align: top;
}

.other-details .overview .info .fans > img{
    position: absolute;
    top: 72px;
    right: 14px;
    width: 20px;
}

.other-details .overview .info .sub > img{
    position: absolute;
    top: 40px;
    left: 10px;
    width: 20px;
}

.other-details .overview .info .fans > div{
    position: absolute;
    top: 42px;
    right: 24px;
    display: inline-block;
    text-align: center;
}

.other-details .overview .info .sub > div{
    position: absolute;
    top: 10px;
    left: 15px;
    display: inline-block;
    text-align: center;
}

.other-details .overview .info .fans .one,
.other-details .overview .info .sub .one {
    color: #D2F2FF;
    margin-top: -3px;
    margin-bottom: 3px;
    font-size: 12px;
}

.other-details .overview .info .fans .two {
    color: #FF594F;
}

.other-details .overview .info .sub .two {
    color: #2094FF;
}

.other-details .overview .info .fans .two,
.other-details .overview .info .sub .two {
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;
    line-height: 30px;
    display: inline-block;
}

.other-details .overview .info .sub .three {
    color: #FFFFFF;
    width: 60px;
}

.other-details .overview > .one{
    position: relative;
    margin: 10px 0 10px 0;
    padding: 0 !important;
}

.other-details .overview > .one .features {
    margin-top: 5px;
}

.other-details .overview > .one .features span {
    border-radius: 10px;
    background-color: #2599DC;
    color: #FFFFFF;
    padding: 2px 8px;
}

.other-details .overview > .one .gross-rate {
    position: absolute;
    top: 5px;
    right: 10px;
    color: #FFFFFF;
    border-radius: 30px;
    float: right;
    padding: 1px 12px;
}

.other-details .overview > .one .gross-rate.positive {
    background-color: #F63B3b;
}

.other-details .overview > .one .gross-rate.negative {
    background-color: #89CD4C;
}

.other-details .overview > .one .gross-rate div:first-child {
    font-size: 12px;
    line-height: 16px;
}

.other-details .overview > .one .gross-rate div:last-child {
    font-size: 14px;
    line-height: 16px;
}

.other-details .overview > .two {
    text-align: left;
    margin-bottom: 0 !important;
}

.other-details .overview > .two td:first-child {
    padding-left: 15px;
}

.other-details .overview > .two td:last-child {
    padding-right: 5px;
}

.other-details .overview > .two td {
    vertical-align: middle;
    width: 50%;
    padding: 9px 0 6px 0;
    border-top: 0 !important;
    background-color: #2FA3E9;
}

.other-details .overview > .two .key {
    color: #B9EBFF;
    float: left;
    margin-left: 5px;
}

.other-details .overview > .two .value {
    float: left;
    margin-left: 10px;
}

.other-details .overview > .two .value div.positive {
    color: #FF3333;
}

.other-details .overview > .two .value div.negative {
    color: #89CD4C;
}

.other-details .overview > .two .value div:last-child {
    color: #FFFFFF;
}

.other-details .overview > .two .points .value {
    color: #FFEA3C;
    font-size: 16px;
}

.other-details .overview > .two .points .key {
    color: #B9EBFF;
}

.other-details .overview > .three{
    background-color: #3897df !important;
    opacity: 0.8;
    box-shadow: 0 -1px 1px #FFFFFF;
}

.other-details .overview > .three .positive{
    color: #FF3333;
}

.other-details .overview > .three .negative {
    color: #98E466;
}

.other-details .overview > .four {
    padding: 10px 0;
}

.self-details .cover .wrapper,
.other-details .cover .wrapper {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

.self-details .cover .wrapper > img,
.other-details .cover .wrapper > img {
    display: block;
    margin: 0 auto;
    width: 80px;
}

.self-details .cover .wrapper > .tips,
.other-details .cover .wrapper > .tips {
    color: #999999;
    padding: 10px 0;
}

.self-details .cover .wrapper > .btn,
.other-details .cover .wrapper > .btn {
    color: #FFFFFF;
    background-color: #FFA63C;
    border-radius: 8px;
}
.other-details .latest-trade{
    background-color: #FFFFFF;
}
.other-details .latest-trade table {
    background-color: #FFFFFF;
}
.other-details .latest-trade .icon-gu {
  color: #3FB9EE !important;
  font-size: 14px !important;
}

.other-details .latest-trade .stock_name {
  font-size: 16px !important;
  color: #3E3E3E !important;
}

.other-details .latest-trade .stock_code {
  font-size: 12px !important;
  color: #C9C9C9 !important;
  margin-left: 18px;
}

.other-details .latest-trade .last_price {
  display: inline-block;
  width: 100%;
  font-size: 21px !important;
}

.other-details .latest-trade table {
  border-top: 1px solid #DFDFDF;;
  margin: 0;
  background: #FFFFFF;
  width:100%;
}

.other-details .latest-trade tr td {
  width: 30%;
  color: #999999;
  border: none;
  padding: 8px 0;
  vertical-align: top;
  text-align: left;
}

.other-details .latest-trade tr td:nth-child(1) {
  width: 10%;
  vertical-align: middle;
}

.other-details .latest-trade tr td:nth-child(2) {
  background: #F5F5F5;
  border-left: 1px solid #DFDFDF;
}

.other-details .latest-trade tr:nth-child(1) td:nth-child(2) {
  border-bottom: 1px solid #FFFFFF;
  text-align: center;
}

.other-details .latest-trade tr:nth-child(1) td:nth-child(1) div {
  padding: 0 6px;
}

.other-details .latest-trade tr:nth-child(1) td:nth-child(3) div {
  border-right: 1px solid #EFEFEF;
  padding-left: 8px;
  word-break: break-all;
}

.other-details .latest-trade tr:nth-child(1) td:nth-child(4) div{
  font-size: 14px;
  padding-left: 8px;
}

.other-details .latest-trade tr:nth-child(2) {
  font-size: 10px;
}

.other-details .latest-trade tr:nth-child(2) td:nth-child(2) {
  padding: 2px 8px 2px 29px !important;
  line-height: 23px;
}

.other-details .latest-trade tr:nth-child(2) .iconfont {
  margin-left: 12px;
  font-size: 14px;
}

.other-details .latest-trade .entrust_date {
  font-size: 12px;
}

.other-details .latest-trade .button {
  border-radius: 5px;
  width: 80%;
  height: 36px;
  line-height: 36px;
  margin: 7px auto 0;
  text-align: center;
  background: #FF5760;
  color: #FFFFFF;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.other-details .latest-trade .button.maichu {
  background: #33A9F4;
}

.other-details .latest-trade .icon-mairu {
  color: #FFDD65;
  margin-right: 7px;
}

.other-details .other-stocks,.other-details .other-portfolios,.other-details .other-funds {
    background-color: #FFFFFF;
    margin-top: 10px;
}

.other-details .other-stocks .entry,.other-details .other-funds .entry{
    position: relative;
    padding: 10px 8px;
    background-color: #FFFFFF;
    border-top: 1px solid #DFDFDF;
}

.other-details .other-stocks .entry > .one {
    float: left;
    width: 87%;
}

.other-details .other-stocks .entry > .two {
    text-align: right;
    width: 13%;
    float: left;
    padding-top: 10px;
}

.other-details .other-stocks .entry .one .stock .name{
    font-size: 16px;
}

.other-details .other-stocks .entry .one .stock .code{
    font-size: 12px;
    color: #999999;
}

.other-details .other-stocks .entry .one .stock .hold-days{
    float: right;
}

.other-details .other-stocks .entry .one .stock .hold-days .key,
.other-details .other-stocks .entry .one .stock .hold-days .unit {
    color: #999999;
    font-size: 12px;
}

.other-details .other-stocks .entry .one .stock .hold-days .value {
    color: #1BAFEC;
}

.other-details .other-stocks .entry .one .digit > div {
    float: left;
    text-align: center;
}

.other-details .other-stocks .entry .one .digit > .one {
    width: 20%;
    text-align: left;
}

.other-details .other-stocks .entry .one .digit > .two {
    width: 22%;
}

.other-details .other-stocks .entry .one .digit > .three {
    width: 22%;
}
.other-details .other-stocks .entry .one .digit > .four {
    width: 36%;
}
.other-details .other-stocks .entry .one .digit .key {
    color: #999999;
    font-size: 12px;
}

.other-details .other-stocks .entry > .two .btn{
    padding: 5px !important;
    font-size: 12px;
    color: #FFFFFF;
    background-color: #FF5760;
}

.other-details .other-funds .entry > div{
    width: 25%;
    float: left;
    text-align: center;
    padding: 5px;
}
.other-details .other-funds .entry .one{
    text-align: left;
}
.other-details .other-funds .entry .value{
    font-size: 16px;
    color: #565656;
}
.other-details .other-funds .entry .key{
    font-size: 12px;
    color: #999999;
}

.other-details .other-portfolios {
    background-color: #FFFFFF;
    margin-top: 10px;
}

.other-details .other-portfolios .table {
    margin-bottom: 0 !important;
    background-color: #FFFFFF;
}

.other-details .other-portfolios .table td {
    vertical-align: middle;
    padding: 5px 0;
}

.other-details .other-portfolios tr .one {
    width: 80px;
    font-size: 16px;
    word-break: break-all;
    text-align: center;
    padding-left: 5px;
}

.other-details .other-portfolios tr .one .wrapper-sm {
    background-image: url("../images/beijing-quan.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding-left: 0 !important;
    padding-right: 0 !important;
    /*color: #FF3333;*/
}

.other-details .other-portfolios tr .one .guanting {
    background-image: url("../images/yuan@2x.png");
    background-repeat: no-repeat;
    background-size: 42px;
    background-position: center;
    vertical-align: middle;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    color: #FFFFFF;
}

.other-details .other-portfolios tr .two {
    /*width: 35%;*/
    word-break: break-all;
}

.other-details .other-portfolios tr .three {
    /*width: 25%;*/
    text-align: center;
}

.other-details .other-portfolios tr .four {
    width: 8px;
    text-align: right;
    padding-right: 5px;
    color: #999999;
}

.other-details .other-portfolios tr .two .is-group{
    color: #FFFFFF;
    background-color: #FC9457;
    font-size: 10px;
    padding: 1px 3px;
    border-radius: 3px;
}

.other-details .other-portfolios tr .four .change-name{
    background-color: #ffffff;
    font-size: 12px;
    color: #1BAFEC;
    padding: 0;
}

.other-details .other-portfolios tr .four .clear-out{
    padding: 5px;
    font-size: 12px;
    background-color: #999999;
    color: #ffffff;
    margin-left: 5px;
}

.other-details .other-portfolios .key {
    font-size: 12px;
    color: #999999;
}

.other-details .games-related {
    padding: 15px 0;
}

.other-details .games-related ul {
    padding-left: 25px;
}

.other-details .games-related ul li {
    padding-right: 10px;
    margin-bottom: 5px;
    color:#72C1EF;
}

.other-details .games-related span {
    color:#565656;
}

.other-details .games-related a {
    color: #2FAFEC;
}
@media(max-width: 340px){
  .other-details .games-related{
    font-size: 13px;
  }
}

.other-details .history-trade {
    color: #565656 !important;
    padding: 15px 10px;
    background-color: #ffffff;
    margin-bottom: 10px;
    display: block;
}

.other-details .history-trade .forward {
    float: right;
}

.other-details .rockmans-similar {
    padding-bottom: 10px;
}

.other-details .rockmans-similar .tips {
    text-align: center;
    color: #999999;
}

.other-details .rockmans-similar .list {
    text-align: center;
}

.other-details .rockmans-similar .list img {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.other-details .footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
}

.other-details .footer > div {
    text-align: center;
    font-size: 17px;
}
.other-details .footer > div  > a{
    height: 61px;
    line-height: 61px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.other-details .footer > div > a:nth-child(1) {
    background-color: #FFFFFF;
    border-top:1px solid #f1f1f1;
    color: #999999;
}

.other-details .footer > div > a:nth-child(2) {
    background-color: #1594F5;
    color: #ffffff;
}

.other-details .footer > div  > a i{
  font-size: 18px;
}
.other-details .logout {
    position: relative;
    overflow: hidden;
    margin-top:10px;
}

.other-details .logout .other-position-list{
    position: absolute;
    bottom: 0;
    width: 100%;
}

.other-details .not-login-bg {
  background-image: url(../images/portfolio/yemianbeijing@2x.png);
  background-repeat: no-repeat;
  background-size: cover;
  /*background-position:center;*/
  /*top: 605px;*/
  top: 0;
  width: 100%;
  position: absolute;
  /*高度在OtherDetail.vue的getCss方法中随屏幕分辨率变化*/
}

.other-details .not-login-bg div {
  text-align: center;
  margin-bottom: 8px;
}

.other-details .not-login-bg > div:first-child {
  height: 112px;
  margin-top: 25px;
}

.other-details .not-login-bg > div:first-child img {
  height: 112px;
}

.other-details .not-login-bg .button {
  width: 26.13%;
  height: 24px;
  line-height: 24px;
  color: #FFFFFF;
  background: #FFA63C;
  border-radius: 12px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.other-details .not-login-bg span {
  font-size: 15px;
  font-weight: bold;
  color: #999999;
  display: block;
}

/* Ta人详情页 End */


/* 我的粉丝 Start */
.fans .overview {
    background-position: 0 -45px;
    background-size: cover;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
}

.fans .overview .one {
    display: table;
    width: 100%;
    padding: 0 15px;
}

.fans .overview .income {
    display: table-cell;
    vertical-align: middle;
}

.fans .overview .income img {
    width: 30px;
}

.fans .overview .income .value{
    color: #FFE84D;
    font-size: 18px;
}

.fans .overview .income .key {
    color: #B9EBFF;
    font-size: 12px;
    margin-top: 5px;
}

.fans .overview .new {
    display: table-cell;
    border-left: 1px solid #7AC8EF;
}

.fans .overview .new .key {
    color: #B9EBFF;
    font-size: 12px;
}

.fans .overview .new .value {
    color: #FF3333;
    font-size: 16px;
}

.fans .overview .total {
    display: table-cell;
}

.fans .overview .total .key {
    color: #B9EBFF;
    font-size: 12px;
}

.fans .overview .total .value {
    color: #FFFFFF;
    font-size: 16px;
}

.fans .overview .two {
    width: 250px;
    margin: 10px auto 0;
    color: #B9EBFF;
    background-color: #289FDE;
    border-radius: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.fans .overview .two .subscribe-price,
.fans .overview .two .unit {
    color: #FFEA3C;
}

.fans .rockmans tr td {
    vertical-align: middle !important;
}

.fans .rockmans tr .one {
    position: relative;
    padding-left: 55px;
}

.fans .rockmans tr .one img {
    position: absolute;
    left: 8px;
    top: 5px;
    width: 40px;
    height: 40px;
    vertical-align: top !important;
    margin-right: 5px;
    border-radius: 50%;
}

.fans .rockmans tr .one .date-time {
    color: #999999;
    font-size: 12px;
}

.fans .rockmans tr .two {
    width: 80px;
}

.fans .rockmans tr .three {
    color: #1BAFEC;
    width: 65px;
}

.fans .update-subscribe-price {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(242, 242, 242)
}

.fans .update-subscribe-price button {
    display: block;
    width: 70%;
    margin: 0 auto 15px;
    background-color: #14AEE9;
    color: #FFFFFF;
}
/* 我的粉丝 End */

/* 我的粉丝 Start */
.admirers .overview {
    background-position: 0 -45px;
    background-size: cover;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
}

.admirers .overview .content {
    background-image: url("../images/fensi.png");
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    width: 200px;
    margin: 0 auto;
    text-align: left;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 50px;
    color: #FFFFFF;
}

.admirers .overview .content .one {
    font-size: 16px;
}

.admirers .overview .content .two {

}

.admirers .rockmans {
    padding: 0 10px;
    background-color: #FFFFFF;
}

.admirers .rockmans .item {
    padding: 0 !important;
}

.admirers .rockmans .item .wrapper {
    margin: 0 5px;
    box-shadow: 0 0 20px lightblue;
    border-radius:5px;
    padding: 5px 0 5px 65px !important;
    display: block;
    position: relative;
    overflow: hidden;
}

.admirers .rockmans .item img {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 50px;
    height: 50px;
    vertical-align: baseline !important;
    margin-right: 5px;
    border-radius: 50%;
}

.admirers .rockmans .item .nickname {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 5px;
}

.admirers .rockmans .item .value {
    line-height: 15px;
}

.admirers .rockmans .item .key {
    color: #999999;
    line-height: 15px;
}
/* 我的粉丝 End */

/* 勋章墙 Start */
.medals-wall .overview {
  background-position: 0 -45px;
  background-size: cover;
  text-align: center;
  padding: 15px 15px;
}

.medals-wall .overview .nickname > img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.medals-wall .overview .nickname > span {
  color: #FFFFFF;
  font-size: 16px;
}

.medals-wall .overview .wallet-total img {
  width: 40px;
  vertical-align: top !important;
}

.medals-wall .overview .wallet-total .key {
  color: #B9EBFF;
  font-size: 12px;
}

.medals-wall .overview .wallet-total .value {
  color: #FFEA3C;
  font-size: 20px;
}

.medals-wall .messages .content {
  background-color: #FFFFFF;
  padding-bottom: 15px;
}

.medals-wall .messages .content .tips {
  font-size: 12px;
  color: #F36A2E;
  border-top: 1px solid #FFCF9B;
  border-bottom: 1px solid #FFCF9B;
  text-align: center;
  margin: 0 10px;
  overflow: hidden;
  background-image: url("../images/bar1@2x.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.medals-wall .MYXZ,
.medals-wall .ZXXZ,
.medals-wall .THXZ {
  padding: 2%;
  background-color: #FFFFFF;
  margin-top: 10px;
  border-bottom: 1px solid #E7E7E7;
}

.medals-wall .ZXXZ,
.medals-wall .THXZ{
  border-top: 1px solid #E7E7E7;
}

.medals-wall .MYXZ {
  margin-top: 0!important;
  padding-top: 0 !important;
}

.medals-wall .MYXZ .table,
.medals-wall .ZXXZ .table,
.medals-wall .THXZ .table {
  border-collapse: separate;
  margin-bottom: 0 !important;
}

.medals-wall h5 {
  text-align: center;
  margin-top: 0!important;
  margin-bottom: 0px;
}

.medals-wall h5 img {
  width: 20px;
}

.medals-wall .medals tr {
  text-align: center;
  padding:0 !important;
}

.medals-wall .medals tr td {
  padding: 8px 1% 0 1%;
  font-size: 10px;
  vertical-align: top;
  border-top: 0px !important;
  width: 33.33333333%;
}



.medals-wall .medals tr td .border-medals {
  width: 100%;
  border: 1px solid #E7E7E7;
  border-radius: 10px;
  box-shadow: 0 0 10px #C9EDFF;
  padding: 12px 9px 8px 9px;
}


.medals-wall .medals tr td .honor-name {
  position: absolute;
  left: 0;
  right: 0;
  color: #FFFFFF;
  font-size: 16px;
  bottom: 8px;
}

.medals-wall .medals tr .one {
  width: 100%;
  display: block;
  margin: 0 auto;
}
.medals-wall .ZXXZ .medals tr .one {
  height: 30%;
}
.medals-wall .medals tr .two {
  font-size: 14px;
  margin-top: 20px;
  height: 46px;
  line-height:14px;
  margin-left: -5px;
  margin-right: -5px;
}

.medals-wall .medals tr .three {
}

.medals-wall .medals tr .four {
  color: #999999;
  margin-top: 7px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
}

.medals-wall .medals tr .five {
  font-size: 12px;
  color: #FDBB4A;
  margin-top: 2px;
  height: 15px;
  line-height: 15px;
}

.medals-wall .medals tr .five img{
  width: 25px;
  margin-right: 5px;
}

.medals-wall .medals tr .six.task,
.medals-wall .medals tr .six.exchange {
  background-color: #FDBB4A;
  border-radius: 10px;
  color: #FFFFFF;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 12px;
  margin-top: 8px;
}

.medals-wall .medals tr .six.share {
  background-color: #FFFFFF;
  border: 1px solid #3FB9EE;
  border-radius: 10px;
  color: #3FB9EE;
  padding: 1px 6px;
  font-size: 12px;
  margin-top: 8px;
}
.medals-wall .empty_button{
    background-color: #ffffff;
    color: #FFFFFF;
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 12px;
    margin-top: 8px;
    border: 1px solid #ffffff
}
/* 勋章墙 End */

/* 我的任务 Start */
.tasks .overview {
    background-position: 0 -45px;
    background-size: cover;
    text-align: center;
    padding: 15px 15px;
}

.tasks .overview .content .wallet-total{
    float: left;
    padding-left: 20px;
}

.tasks .overview .wallet-total img {
    width: 35px;
    vertical-align: bottom;
}

.tasks .overview .wallet-total .value {
    color: #FFEA3C;
    font-size: 16px;
}

.tasks .overview .wallet-total .key {
    color: #B9EBFF;
    font-size: 12px;
}

.tasks .overview .tips {
    color: #FFFFFF;
    font-size: 12px;
    text-align: left;
    float: right;
    border-left: 1px solid #76C7F1;
    padding-left: 5px;
}

.tasks .overview .tips .three {
    color: #FFEA3C;
    font-size: 16px;
}

.tasks .btn-task {
    color: #FDBB4A;
    margin-right: 10px;
    width: 70px;
    font-size: 12px;
}

.tasks .btn-task i {
    color: #CCCCCC;
}

/*查看*/
.tasks .btn-view {
    background-color: #FFFFFF;
    color: #FDBB4A;
    border: 1px solid #FDBB4A;
    margin-right: 10px;
    width: 70px;
    font-size: 12px;
}

/*已完成*/

.tasks .btn{
    padding: 6px 1px;
}

.tasks .btn-task.completed{
    background-color: #E7E7E7;
    color: #999999;
    text-align: center;
}

.tasks .bonus {
    color: #FF9030;
    margin-right: 10px;
}

.tasks .rookie {

}

.tasks table td {
    border-color: #E7E7E7;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.tasks table td.one {
    padding-right: 0;
    width: 50px;
}

.tasks table td.one img {
    width: 20px;
    margin-left: 15px;
}

.tasks table td.two div:last-child {
    color: #999999;
    font-size: 12px;
}

.tasks table td.three {
    /*width: 130px;*/
    width: 140px;
}

.tasks table td:last-child {
    text-align: right;
}

.tasks .rookie table {
    background-color: #FFFFFF;
}

.tasks .routine {

}

.tasks .routine table {
    background-color: #FFFFFF;
}
/* 我的任务 End */

/* 单枚勋章分享 Start */
.share.medal {
    background-image: url("../images/beijing-whole.png");
    background-size: contain;
    background-repeat: no-repeat;
}

.share.medal .overview {
    background-image: none !important;
    /*padding-top: 00px;*/
}

.share.medal .overview .icon {
    background-image: url("../images/faguang.png") !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 130px;
    padding-bottom: 40px;
}

.share.medal .overview .icon img {
    display: block;
    margin: 0 auto;
    width: 160px;
}

.share.medal .overview .message {
    background-image: url("../images/xiaoxikuang@2x.png") !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    color: #999999;
    width: 300px;
    margin: 0 auto 15px;
    padding: 20px;
}

.share.medal .overview .message .medal-name {
    color: #FF9A09;
    font-size: 18px;
}

.share.medal .overview .info {
    width: 300px;
    margin: 0 auto;
}

.share.medal .overview .info .user {
    float: left;
}

.share.medal .overview .info .user img {
    width: 50px;
}

.share.medal .overview .info .user .nickname {
    font-size: 16px;
}

.share.medal .overview .info .wallet-total {
    float: right;
}

.share.medal .overview .info .wallet-total img {
    width: 50px;
    vertical-align: top !important;
}

.share.medal .overview .info .wallet-total .label-wealth {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    background-color: #999999;
    padding: 2px !important;
}

.share.medal .overview .info .wallet-total .value {
    color: #FF9212;
    font-size: 16px;
}

.share.medal .overview .info .wallet-total .key {
    color: #999999;
}
/* 单枚勋章分享 End */

/* 我订阅的牛人 Start */
.subscriptions .rockmans tr td {
    vertical-align: middle !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-top-color: #E7E7E7;
}

.subscriptions .rockmans .one {
    padding-right: 0;
}

.subscriptions .rockmans .one a {
    color: inherit !important;
    display: block;
    padding-left: 50px;
    position: relative;
    padding-right: 5px;
    margin-top: 4px;
}

.subscriptions .rockmans .one img {
    width: 40px;
    height: 40px;
    vertical-align: baseline !important;
    border-radius: 50%;
    position: absolute;
    left:0;
    top: 10px;
}

.subscriptions .rockmans .one .nickname {
    font-size: 16px;
}

.subscriptions .rockmans .one .value {
    margin-top: 3px;
    line-height: 1 !important;
}

.subscriptions .rockmans .one .key {
    font-size: 12px;
    color: #999999;
    line-height: 1 !important;
}

.subscriptions .rockmans .two {
    width: 150px;
    text-align: center;
    padding: 10px 0 !important;
}

.subscriptions .rockmans .two > div {
    border-left: 1px dashed #B5B5B5;
    padding-left: 10px;
}

.subscriptions .rockmans .two .frequency {
    float: left;
}

.subscriptions .rockmans .two .frequency .key {
    color: #999999;
    font-size: 12px;
}

.subscriptions .rockmans .two .price {
    float: right;
}

.subscriptions .rockmans .two .price .value {
    color: #FF9F49;
}

.subscriptions .rockmans .two .price .key {
    color: #999999;
    font-size: 12px;
}

.subscriptions .rockmans .two .push {
    color: #EDB832;
    border: 1px solid #B5B5B5;
    margin-left: 5px;
    margin-top: 5px;
    border-radius: 10px;
}

.subscriptions .rockmans .two .push span {
    font-size: 12px;
}

.subscriptions .rockmans .two .push i {
    color: #999999;
}

.subscriptions .rockmans .two .push i.orange {
    color: #EDB832;
}


.subscriptions .rockmans .three {
    width: 60px;
    text-align: center;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.subscriptions .rockmans .three a {
    display:block;
}

.subscriptions .rockmans .three i {
    font-size: 32px;
    color: #3CB8EB;
}

.subscriptions .rockmans .three div {
    font-size: 10px;
    color: #999999;
}

/* 我订阅的牛人 End */
